<template>
	<view class="">
		<view class="content">
			<view class="list-item tn-mb-xl">
				<view class="card-text">
					<view class="card-title">
						速E贷
					</view>
					<view class="card-desc">
						七日年化利率：2.21%
					</view>
					<view class="">
						<TnTag bg-color="#F9EBEA" font-size="24" text-color="#F45954" shape="round" class="tn-mr-xs">秒放款
						</TnTag>
						<TnTag bg-color="#F9EBEA" font-size="24" text-color="#F45954" shape="round">极速审批</TnTag>
					</view>
				</view>
				<view class="tn-flex items-center">
					<view>
						<view class="tn-flex  justify-center money tn-mb-xs">
							<view class="">
								<text class="tn-text-xs">￥</text>200,000
							</view>
						</view>
						<view class="tn-flex justify-center">
							<TnButton font-size='24' type="danger" shape="round" @click="goCheck">申请办理</TnButton>
						</view>
					</view>
				</view>
			</view>
			<view class="list-item  tn-mb-xl">
				<view class="card-text">
					<view class="card-title">
						速抵贷
					</view>
					<view class="card-desc">
						七日年化利率：2.21%
					</view>
					<view class="">
						<TnTag bg-color="#F9EBEA" font-size="24" text-color="#F45954" shape="round" class="tn-mr-xs">秒放款
						</TnTag>
						<TnTag bg-color="#F9EBEA" font-size="24" text-color="#F45954" shape="round">极速审批</TnTag>
					</view>
				</view>
				<view class="tn-flex items-center">
					<view>
						<view class="tn-flex  justify-center money tn-mb-xs">
							<view class="">
								<text class="tn-text-xs">￥</text>200,000
							</view>
						</view>
						<view class="tn-flex justify-center">
							<TnButton font-size='24' type="danger" shape="round" @click="goCheck">申请办理</TnButton>
						</view>
					</view>
				</view>
			</view>
			<view class="list-item">
				<view class="card-text">
					<view class="card-title">
						E知贷
					</view>
					<view class="card-desc">
						七日年化利率：2.21%
					</view>
					<view class="">
						<TnTag bg-color="#F9EBEA" font-size="24" text-color="#F45954" shape="round" class="tn-mr-xs">秒放款
						</TnTag>
						<TnTag bg-color="#F9EBEA" font-size="24" text-color="#F45954" shape="round">极速审批</TnTag>
					</view>
				</view>
				<view class="tn-flex items-center">
					<view>
						<view class="tn-flex  justify-center money tn-mb-xs">
							<view class="">
								<text class="tn-text-xs">￥</text>200,000
							</view>
						</view>
						<view class="tn-flex justify-center">
							<TnButton font-size='24' type="danger" shape="round" @click="goCheck">申请办理</TnButton>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import TnTag from '@/uni_modules/tuniaoui-vue3/components/tag/src/tag.vue';
	import TnButton from '@/uni_modules/tuniaoui-vue3/components/button/src/button.vue';
	export default {
		components: {
			TnTag,
			TnButton
		},
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {
			goCheck() {
				uni.navigateTo({
					url: '/pages/check/index?type=2'
				});
			}
		}
	}
</script>
<style>
	page {
		background: #F1F1F1;
	}
</style>
<style scoped>
	.bank-logo {
		background: #fff;
		padding: 20rpx;
		text-align: center;
	}

	.card-img {
		width: 267rpx;
		height: 52rpx;
	}

	.content {
		padding: 32rpx
	}

	.list-item {
		background: #fff;
		padding: 32rpx;
		border-radius: 20rpx;
		display: flex;
		justify-content: space-between;
	}

	.card-text {
		line-height: 64rpx;
		color: #666666
	}

	.card-title {
		color: #333333;
		font-size: 36rpx;
		font-weight: bold;
	}

	.money {
		color: #EA5134;
		font-size: 36rpx;
		font-weight: bold;
	}
</style>